<template>
  <div>
    <el-dialog class="dialogBox" :visible.sync="dialogVisible" width="30%" :modal="false" :show-close="false">
      <!-- 表头 -->

      <slot name="title"></slot>
      <slot name="formBox"></slot>
    </el-dialog>
  </div>
</template>
<script>
export default {
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    }
  },

  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {}
}
</script>
<style scoped>
.dialogBox {
  width: 100%;
  height: 100%;
}

>>>.el-dialog__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

>>>.el-dialog {
  width: 100% !important;
  height: 100%;
  margin-top: 0px !important;
  border-radius: 0px !important;
}

>>>.el-dialog__header {
  border-bottom: 0px;
  padding: 0px !important;
}
</style>
